我相信你在这里想太多了。创建一个viewModel构造函数，初始化并传递你想要的数据，然后将其存储在一个observableArray中。
第一个

因为在您的HTML中，您有另一个文本绑定，请删除该跨度，您的问题就解决了。或者，您应该告诉Knockout您将自己控制后代绑定。http://knockoutjs.com/documentation/custom-bindings-controlling-descendant-bindings.html

为避免错误，应从init返回{ controlsDescendantBindings: true }，因此：

var foreachInit = ko.bindingHandlers.foreach.init;
ko.bindingHandlers.foreach.init = function () {
    foreachInit.apply(this, arguments);

    return {
        controlsDescendantBindings: true
    };
};

ko.applyBindings({
    items: ['A', 'B'],
});

https://jsfiddle.net/hejdav/6sar9ftv/3/