Templates foreach内部的KnockoutJS模板

我试图在foreach中使用knockoutjs模板，但无法确定数据成员需要是什么：

HTML

---

您没有用引号括起模板名称：

<div >
    <ul data-bind="foreach: voters">
        <li data-bind="template: { name: 'userPicture-template', data: $data }">
        </li>
    </ul>
</div>
<div data-bind="foreach: voters" >
    <div data-bind="css: questionClasses">
        <div data-bind="template: { name: 'userPicture-template', data: $data }">
        </div>
    </div>
</div>

此外，视图模型中没有

questionClasses

字段

---

这是工作小提琴：

Duh，谢谢。css绑定是我在示例中删除的，我将在问题中修复它以消除混淆

ko.applyBindings({
    voters: [
        { testText: "hello" },   
        { testText: "world" },
    ]
});​

<div >
    <ul data-bind="foreach: voters">
        <li data-bind="template: { name: 'userPicture-template', data: $data }">
        </li>
    </ul>
</div>
<div data-bind="foreach: voters" >
    <div data-bind="css: questionClasses">
        <div data-bind="template: { name: 'userPicture-template', data: $data }">
        </div>
    </div>
</div>