如何使用Knockout JS解决SPAN标签无法绑定id属性的问题？

核心问题出在你的<a>标签上——你用了data-bind="text: nombre"这个绑定，它会完全替换<a>标签内部的所有内容，包括你写在里面的<span>元素。所以那个带绑定的span根本不会被Knockout渲染出来，自然没法设置id属性。

解决办法很简单，把<a>的文本绑定移到一个单独的子元素里，保留原来的span：

<div class="col-lg-12 col-md-12" id="contenedorListaTarea">
    <ul class="nav nav-tabs align-items-lg-start mb-1" data-bind="foreach: loterias">
        
        <li class="nav-item" name="loteria" data-bind="click:namerjarClickLoteria">
            <a class="nav-link fontSizeTab" data-bind="style: { backgroundColor: color},attr:{id:id+nombreCorto}">
                <span data-bind="text: nombre"></span>
                <span data-bind="attr:{id:nombreCorto}">0.00</span>
            </a>

        </li>
        
    </ul>
</div>

这样两个span都会被正常渲染，各自的绑定也能生效。

内容的提问来源于stack exchange，提问作者Ing Juan Rodriguez