Edit in JSFiddle

$(function(){var myurl = "/api/some-test-json"
        $.mockjax({
            url: myurl,
            responseTime: 750,
            responseText: [{ "package_id": "13", "code": "SCREEN PKG", "package_name": "Screen Package" }]

        });
        var mydata = new kendo.data.DataSource({
            transport: {
                read: {
                    url: myurl,
                    dataType: "json"
                }
            }
        });

        var viewModel = kendo.observable({
            packageSource: mydata
        });
        kendo.bind($("#view"), viewModel);
        mydata.read()
            });

 <div id="view">
    
        <h4><span data-bind="text: package_name">Package Editor</span></h4>
        <div class="valuePair">
            <div class="valueLabel"><label for="">Code</label></div>
            <div class="valueBox"><input data-bind="value: packageSource.data()[0].code" class="k-textbox  " /></div>
            
        </div>
         <div class="valuePair">
             <div class="valueLabel"><label for="">Name</label></div>
            <div class="valueBox">
                <input data-bind="value: packageSource.data()[0].package_name" class="k-textbox"  />
             </div>
            
        </div>
</div>