I am getting the same error when using MVVM binding although the DataSource pageSize property is set:
"the DataSource does not have page size configured. Page Size setting is mandatory for the mobile listview virtual scrolling to work as expected."
<div data-role="view" id="home" data-title="Home" data-model="vm">
<ul data-role="listview" data-bind="source: albumList, click: itemClick" data-template="album-template" data-pull-to-refresh="true" data-endless-scroll="true"></ul>
<script type="text/x-kendo-tmpl" id="album-template">
<img data-bind="attr: { src: artwork }" />
<div class="info">
<h3 data-bind="text: title"></h3>
<em data-bind="text: artist"></em>
</div>
</script>
</div>
http://jsfiddle.net/bYKYE/315/
If I use data-soure="vm.albumList" instead then I lose all MVVM template binding capabilities and have to modify like so:
<ul data-role="listview" data-source="vm.albumList" data-bind="click: itemClick" data-template="album-template" data-pull-to-refresh="true" data-endless-scroll="true"></ul>
<script type="text/x-kendo-tmpl" id="album-template">
<img src="#:artwork#" />
<div class="info">
<strong>#= title#</strong>
<em>#= artist#</em>
</div>
</script>
http://jsfiddle.net/bYKYE/313/
I would prefer not to refactor my entire app to implement a workaround for this bug. Is there a plan to correct the issue in upcoming releases?