淘汰赛 - 样式宽度未设置在foreach内

Question

我有一个像这样的视图模型，

var sectorsViewModel = function() {
    this.sectors = ko.observableArray();
    this.maxValue = ko.observable();

    this.widthPercent = function(val, max) {
        return (val * 100) / max + '%';
    };
}

这是html，

<div data-bind="style : { width: widthPercent(10, 20) }"></div>
<!-- ko foreach: sectors -->
   <div data-bind="style : { width: $parent.widthPercent(sectorValue, $parent.maxValue()) }"
<!-- /ko -->

正确设置foreach循环外部div的宽度。但是没有为foreach循环中的div设置宽度。如果我设置断点，我可以看到为每个扇区调用widthPercent，并且函数正确返回宽度值。知道宽度没有设定的原因吗？

感谢。