击倒.jsforeach不出错不显示结果

that.ctrls.parcels = ko.observableArray([]);
r.data.forEach(function (d) {
    var pMapped = ko.mapping.fromJS(d);
    debugger;
    that.ctrls.parcels.push(pMapped);
});
ko.applyBindings(that.ctrls, document.getElementsByClassName('assist-entry')[0]);

我的相关HTML代码如下:

<div class="wrap assist-entry assist-entry--protest-affidavit">
...
 <div class="box box--milder assist__parcel-list" style="margin-top: 50px">
  <header class="box__header box--milder__header">
    <h4 class="box__title box--milder__title">
      Parcels: <span data-bind="text: parcels().length"></span>
    </h4>
  </header>
  <div class="box__body">
    <div class="wrap" data-bind="foreach: parcels">
      <div class="parcel">
        <header>
          <h5 class="parcel-id">
             <span class="lab">Parcel:</span>
             <span data-bind="text: Id"></span>
          </h5>
        </header>
      </div>
    </div>
  </div>
...
</div>

Parcels foreach; parcels . 而且,Chrome调试器没有报告任何错误或警告,因此绑定似乎正在正确执行。有什么问题吗?