JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.1.229/js/kendo.all.min.js"></script>
<div id="example">
    <select id="localSelect" data-text-field="ProductName" data-value-field="ProductID"  data-bind="source: selectOptions"></select>
</div>

JavaScript

dataSource = new kendo.data.DataSource({
    schema: {
        model: { id: "ProductID" }
    },
    transport: {
        read: {
            dataType: "jsonp",
            url: "http://demos.kendoui.com/service/Products"
        }
    },
    change: function() {
        viewModel.data = dataSource.view();
        viewModel.UserLimitOptions();
        kendo.bind($("#example"), viewModel);
    }
});

var viewModel = new kendo.data.ObservableObject({
    data: [],
    selectOptions: [],
    UserLimitOptions: function() {
        var param = this.get("data.length"); //variable passed from dataSource
        param = param - 70;
        for (i = 0; i < param; i++) {
            this.selectOptions.push(this.data[i]);
        }
    }
});


dataSource.read();